<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/index.css?id=<%=new Date().getTime()%>" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

<script type="text/javascript">

	$(function() {
		
		var bigpeakCount =0;
		$(".bigSpeak").each(function(){
			bigpeakCount++;
		})
		 $(".xin-style-width").mouseover(
				function() {
					var index = $(".xin-style-width").index(this);
					$(".xin-img-width:eq(" + index + ") img").attr("src",
							"images/index/" + index + ".jpg");
					$(this).css("background-color", "#e5e5e5");
				})
		$(".xin-style-width").mouseout(
				function() {
					var index = $(".xin-style-width").index(this);
					$(".xin-img-width:eq(" + index + ") img").attr("src",
							"images/index/new" + index + ".png");
					$(this).css("background-color", "white");
				}) 
		var width =245;
		var i=0;
		var pd=false;
		var pd1=false;
		var bigspeakWidth=(bigpeakCount*245)-(245*4);
		
		 
		$("#bigspeak-right").click(function() {
			if(width>=bigspeakWidth){
				width=bigspeakWidth;
				pd=true;
				
				/* return; */
			}
			pd=true;
			if(width<=0){
				width=width+245;
			}
			$("#big-speak").animate({
				"margin-left" : -width
			}, 800, function() {
				if(width>=bigspeakWidth){
					width=bigspeakWidth;
					alert("已经是最后一个商品评论信息了")
				}else{
					width=width+245;
				}
			});
		})
		$("#bigspeak-left").click(function() {
			if(width<=0){
				width=0;
			}
			if(width>0){
				if(pd){
					width=width-490
				}else{
					alert("Sdf")
					width=width-245
				}
					
			}
			if(width<=0){
				width=0;
			}
			$("#big-speak").animate({
				"margin-left" : -width
			}, 800, function() {
				pd=false;
			});
		})
		
		
			$("#new-right").click(function() {
			$("#newInfo").animate({
				"margin-left" : -980
			}, 800, function() {
				/* $("#newInfo div:first").appendTo("#newInfo"); */
				/* $("#newInfo").css("margin-left", "0px"); */
			});
		})
		$("#new-left").click(function() {
			$("#newInfo").animate({
				"margin-left" : 0
			}, 800, function() {
				/* $("#newInfo div.newl").prependTo("#newInfo");
				$("#newInfo").css("margin-right", "0px"); */
			});
		})

		$(".peo-a:eq(0)").css({
			"color" : "#e1af57",
			"border-bottom" : "1px solid #e1af57",
			"padding-bottom" : "4px"
		});
		$(".peo-a").mouseover(function() {
			var index = $(".peo-a").index(this);
			$(".peopleO").eq(index).css("display", "block");
			if (index == 0) {
				$(".peopleO").eq(index + 1).css("display", "none");
			}
			if (index == 1) {
				$(".peo-a").eq(0).css({
					"color" : "#040404",
					"border-bottom" : "none",
					"padding-bottom" : "4px"
				});
				$(".peopleO").eq(index - 1).css("display", "none");

			}
			$(this).css({
				"color" : "#e1af57",
				"border-bottom" : "1px solid #e1af57",
				"padding-bottom" : "4px"
			});
		})
		$(".peo-a").mouseout(function() {
			$(this).css({
				"color" : "#040404",
				"border-bottom" : "none",
				"padding-bottom" : "4px"
			});

		})
		$(".bigSpeak").mouseenter(function(){
			var index = $(".bigSpeak").index(this);
			$(".bigSpeak:eq("+index+") div:last").animate({"position":"absolute","bottom":"-110px","backgroundColor":"rgba(255,255,255,0.5)"},500)
		})
		$(".bigSpeak").mouseleave(function(){
			var index = $(".bigSpeak").index(this);
			$(".bigSpeak:eq("+index+") div:last").animate({"position":"absolute","bottom":"-250px","backgroundColor":"rgba(255,255,255,0.5)"},500);
		})
		$(".zhutizu001:first").css("display","none");
		$(".zhutizu002:first").css("display","none");
		$(".zhutizu003:first").css("display","none");
		$(".zhutizu004:first").css("display","none");
		
		$(".zhutizu").css("display","block");
	})
</script>

<link rel="stylesheet"
	href="css/Header.css?id=<%=new Date()%>" />

</head>
<body>
	<header> <%@ include file="Header.jsp"%>
	<!-- banner -->
	<div class="banner-box">
		<div class="bd">
			<ul>
			<c:forEach items="${adverList }" var="adver">
				<li>
					<div class="m-width">
						<a href="javascript:void(0);"><img src="images/index/${adver.img }"width="100%" /></a>
					</div>
				</li>
				</c:forEach>
			</ul>
		</div>
		<div class="banner-btn">
			<a class="prev" href="javascript:void(0);"></a> <a class="next"
				href="javascript:void(0);"></a>
			<div class="hd">
				<ul></ul>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function() {

			$(".prev,.next").hover(function() {
				$(this).stop(true, false).fadeTo("slide", 1);
			}, function() {
				$(this).stop(true, false).fadeTo("slide", 0.6);
			});

			$(".banner-box").slide({
				titCell : ".hd ul",
				mainCell : ".bd ul",
				effect : "fold",
				interTime : 2200,
				delayTime : 300,
				autoPlay : true,
				autoPage : true,
				trigger : "mouseover"
			});

		});
	</script> </header>
	<section>
	<div class="style-width">
		<div class="style-width-one">
			<div style="margin-bottom: 10px;">
				<div class="clear">
					<div class="style-hone left">
						<h2 class="left">品牌制造商</h2>
						<span class="left" style="margin-top: 6px; margin-left: 20px;">工厂直达消费者，剔除品牌溢价</span>
					</div>
					<div class="right" style="margin-right: 10px; margin-top: 22px;">更多制造商
						>></div>
				</div>
				<div style="margin-top: 20px;" class="clear">
					<div id="pin-style-one" class="left">
						<p style="margin-top: 40px;" class="clear">
							<span style="font-size: 18px; margin-left: 125px;" class="left">CK制造商</span><span
								class="new-style left">新品</span>
						</p>
						<p
							style="margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #888888; width: 50px; margin-left: 135px; box-sizing: border-box;"></p>
						<p style="color: #848484">25元起</p>
					</div>
					<div id="pin-style-two" class="left">
						<p style="margin-top: 40px;" class="clear">
							<span style="font-size: 18px; margin-left: 55px;" class="left">Kenneth
								Cole制造商上新</span><span class="new-style left">新品</span>
						</p>
						<p
							style="margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #888888; width: 50px; margin-left: 135px; box-sizing: border-box;"></p>
						<p style="color: #848484">219元起</p>
					</div>
					<div class="right">
						<div id="pin-style-three">
							<p style="" class="clear">
								<span style="font-size: 18px; margin-top: 30px;" class="left">Ralph
									Lauren制造商上新</span><span class="new-style left"
									style="margin-top: 24px;">新品</span>
							</p>
							<p
								style="margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #888888; width: 50px; margin-left: 10px; box-sizing: border-box;"></p>
							<p style="color: #848484; margin-left: 12px;">19元起</p>
						</div>
						<div id="pin-style-four">
							<p style="" class="clear">
								<span
									style="font-size: 18px; margin-left: 14px; margin-top: 30px;"
									class="left">海外制造商上新</span><span class="new-style left"
									style="margin-top: 24px;">新品</span>
							</p>
							<p
								style="margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #888888; width: 50px; margin-left: 8px; box-sizing: border-box;"></p>
							<p style="color: #848484; margin-left: 14px;">9.9元起</p>
						</div>
					</div>
				</div>
			</div>
			<div style="margin-bottom: 10px;">
				<div class="clear">
					<div class="style-hone left">
						<h2 class="left">新品首发</h2>
						<span class="left" style="margin-top: 6px; margin-left: 20px;">为你寻觅世间好物</span>
					</div>
					<div class="right" style="margin-right: 10px; margin-top: 22px;">更多制造商
						>></div>
				</div>
			</div>
		</div>
		<div style="width: 980px; overflow: hidden; margin-left: 270px">
			<div style="width: 1960px" class="clear" id="newInfo">
				<div style="float: left;">
					<div class="clear">
						<div class="xin-style-width">
							<div class="xin-img-width">
								<img src="images/index/new0.png" width="245" />
							</div>
							<div>
								<p style="margin-top: 4px;">破壁机/冷热双杯</p>
								<p style="margin-top: 4px;">
									<span style="color: red;">¥559.2</span> <span></span> <span></span>
								</p>
							</div>
						</div>
						<div class="xin-style-width">
							<div class="xin-img-width">
								<img src="images/index/new1.png" width="245" />
							</div>
							<div>
								<p style="margin-top: 4px;">网易智造太空舱按摩大师椅</p>
								<p style="margin-top: 4px;">
									<span style="color: red;">¥11999</span> <span></span> <span></span>
								</p>
							</div>
						</div>
						<div class="xin-style-width">
							<div class="xin-img-width">
								<img src="images/index/new2.png" width="245" />
							</div>
							<div>
								<p style="margin-top: 4px;">天然乳胶枕按摩……</p>
								<p style="margin-top: 4px;">
									<span style="color: red;">¥318.4</span> <span> | </span> <span>海外制造商</span>
								</p>
							</div>
						</div>
						<div class="xin-style-width">
							<div class="xin-img-width">
								<img src="images/index/new3.png" width="245" />
							</div>
							<div>
								<p style="margin-top: 4px;">男士简约皮面凉鞋</p>
								<p style="margin-top: 4px;">
									<span style="color: red;">¥175.2 </span> <span> | </span> <span>
										Kenneth Cole制造商</span>
								</p>
							</div>
						</div>
					</div>

				</div>
				<div style="float: left;" class="newl">
					<div class="clear">
						<div class="xin-style-width">
							<div class="xin-img-width">
								<img src="images/index/q051.png" width="245" />
							</div>
							<div>
								<p style="margin-top: 4px;">破壁机/冷热双杯</p>
								<p style="margin-top: 4px;">
									<span style="color: red;">¥559.2</span> <span></span> <span></span>
								</p>
							</div>
						</div>
						<div class="xin-style-width">
							<div class="xin-img-width">
								<img src="images/index/q050.png" width="245" />
							</div>
							<div>
								<p style="margin-top: 4px;">网易智造太空舱按摩大师椅</p>
								<p style="margin-top: 4px;">
									<span style="color: red;">¥11999</span> <span></span> <span></span>
								</p>
							</div>
						</div>
						<div class="xin-style-width">
							<div class="xin-img-width">
								<img src="images/index/q052.png" width="245" />
							</div>
							<div>
								<p style="margin-top: 4px;">天然乳胶枕按摩……</p>
								<p style="margin-top: 4px;">
									<span style="color: red;">¥318.4</span> <span> | </span> <span>海外制造商</span>
								</p>
							</div>
						</div>
						<div class="xin-style-width">
							<div class="xin-img-width">
								<img src="images/index/q055.png" width="245" />
							</div>
							<div>
								<p style="margin-top: 4px;">男士简约皮面凉鞋</p>
								<p style="margin-top: 4px;">
									<span style="color: red;">¥175.2 </span> <span> | </span> <span>
										Kenneth Cole制造商</span>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div style="position: absolute; left: 230px; top: 1060px;">
		<img src="images/index/left.png" id="new-left" />
	</div>
	<div style="position: absolute; right: 230px; top: 1060px;">
		<img src="images/index/right.png" id="new-right" />
	</div>
	<div class="style-width1">
		<div class="style-width-one">
			<div style="margin-bottom: 20px;">
				<div class="clear">
					<div class="style-hone left" style="margin-top: 30px;">
						<h2 class="left">人气推荐</h2>
						<span class="left peo-a"
							style="margin-top: 6px; margin-left: 20px;">编辑推荐</span> <span
							class="left peo-a" style="margin-top: 6px; margin-left: 20px;">热销总榜</span>
					</div>
					<div class="right" style="margin-right: 10px; margin-top: 30px;">更多制造商
						>></div>
				</div>
			</div>


			<div class="clear peopleO">
				<div
					style="width: 300px; background-color: white; text-align: center; box-sizing: border-box; padding-bottom: 10px; float: left;">
					<div>
						<img src="images/index/edit001.png" width="280px;" />
					</div>
					<div style="border-bottom: 1px solid #e9e9e9"></div>
					<div>
						<p style="margin-top: 10px;">24寸 纯PC“铝框”（非全铝）拉杆箱</p>
						<p style="margin-top: 5px; margin-bottom: 10px;">¥311.2</p>
					</div>
				</div>
				<div class="left">
					<div style="margin-left: 10px;">
						<div
							style="width: 216px; background-color: white; text-align: center; padding-bottom: 10px; box-sizing: border-box;">
							<div>
								<img src="images/index/edit003.png" width="110px;" />
							</div>
							<div style="border-bottom: 1px solid #e9e9e9"></div>
							<div>
								<p style="margin-top: 10px;">AB面独立弹簧床垫 进口乳胶</p>
								<p style="margin-top: 4px;">¥2079.2</p>
							</div>
						</div>
						<div
							style="width: 216px; background-color: white; text-align: center; margin-top: 12px; box-sizing: border-box; padding-bottom: 10px;">
							<div>
								<img src="images/index/edit006.png" width="110px;" />
							</div>
							<div style="border-bottom: 1px solid #e9e9e9"></div>
							<div>
								<p style="margin-top: 10px;">网易智造减压眼部按摩仪</p>
								<p style="margin-top: 4px;">￥359.2</p>
							</div>
						</div>
					</div>
				</div>
				<div class="left">
					<div style="margin-left: 10px;">
						<div
							style="width: 216px; background-color: white; text-align: center; padding-bottom: 10px; box-sizing: border-box;">
							<div>
								<img src="images/index/edit004.png" width="110px;" />
							</div>
							<div style="border-bottom: 1px solid #e9e9e9"></div>
							<div>
								<p style="margin-top: 10px;">网易智造超静音变频直流风扇</p>
								<p style="margin-top: 4px;">￥369</p>
							</div>
						</div>
						<div
							style="width: 216px; background-color: white; text-align: center; margin-top: 12px; box-sizing: border-box; padding-bottom: 10px;">
							<div>
								<img src="images/index/edit008.png" width="110px;" />
							</div>
							<div style="border-bottom: 1px solid #e9e9e9"></div>
							<div>
								<p style="margin-top: 10px;">超冷感吸放湿双面夏凉被</p>
								<p style="margin-top: 4px;">￥175.2</p>
							</div>
						</div>
					</div>
				</div>
				<div class="left">
					<div style="margin-left: 10px;">
						<div
							style="width: 216px; background-color: white; text-align: center; padding-bottom: 10px; box-sizing: border-box;">
							<div>
								<img src="images/index/edit005.png" width="110px;" />
							</div>
							<div style="border-bottom: 1px solid #e9e9e9"></div>
							<div>
								<p style="margin-top: 10px;">智能马桶盖</p>
								<p style="margin-top: 4px;">￥1279.2</p>
							</div>
						</div>
						<div
							style="width: 216px; background-color: white; text-align: center; margin-top: 12px; box-sizing: border-box; padding-bottom: 10px;">
							<div>
								<img src="images/index/edit007.png" width="110px;" />
							</div>
							<div style="border-bottom: 1px solid #e9e9e9"></div>
							<div>
								<p style="margin-top: 10px;">浓缩即食燕窝 70克*3瓶 99%</p>
								<p style="margin-top: 4px;">￥268</p>
							</div>
						</div>
					</div>
				</div>
			</div>







			<div class="clear peopleO" id="fack">
				<div
					style="width: 300px; background-color: white; text-align: center; box-sizing: border-box; padding-bottom: 10px; float: left;">
					<div>
						<img src="images/index/re003.png" width="280px;" />
					</div>
					<div style="border-bottom: 1px solid #e9e9e9"></div>
					<div>
						<p style="margin-top: 10px;">谷风一木 软抽面巾纸</p>
						<p style="margin-top: 5px; margin-bottom: 10px;">¥16.9</p>
					</div>
				</div>
				<div class="left">
					<div style="margin-left: 10px;">
						<div
							style="width: 216px; background-color: white; text-align: center; padding-bottom: 10px; box-sizing: border-box;">
							<div>
								<img src="images/index/re001.png" width="110px;" />
							</div>
							<div style="border-bottom: 1px solid #e9e9e9"></div>
							<div>
								<p style="margin-top: 10px;">懒人抹布</p>
								<p style="margin-top: 4px;">¥13.99</p>
							</div>
						</div>
						<div
							style="width: 216px; background-color: white; text-align: center; margin-top: 12px; box-sizing: border-box; padding-bottom: 10px;">
							<div>
								<img src="images/index/re007.png" width="110px;" />
							</div>
							<div style="border-bottom: 1px solid #e9e9e9"></div>
							<div>
								<p style="margin-top: 10px;">谷风一木 手帕纸</p>
								<p style="margin-top: 4px;">¥5.9</p>
							</div>
						</div>
					</div>
				</div>
				<div class="left">
					<div style="margin-left: 10px;">
						<div
							style="width: 216px; background-color: white; text-align: center; padding-bottom: 10px; box-sizing: border-box;">
							<div>
								<img src="images/index/re008.png" width="110px;" />
							</div>
							<div style="border-bottom: 1px solid #e9e9e9"></div>
							<div>
								<p style="margin-top: 10px;">软弹速干男/女沐浴拖鞋</p>
								<p style="margin-top: 4px;">¥24.9</p>
							</div>
						</div>
						<div
							style="width: 216px; background-color: white; text-align: center; margin-top: 12px; box-sizing: border-box; padding-bottom: 10px;">
							<div>
								<img src="images/index/re004.png" width="110px;" />
							</div>
							<div style="border-bottom: 1px solid #e9e9e9"></div>
							<div>
								<p style="margin-top: 10px;">每日坚果(4种坚果+3种果干)</p>
								<p style="margin-top: 4px;">¥29.9</p>
							</div>
						</div>
					</div>
				</div>
				<div class="left">
					<div style="margin-left: 10px;">
						<div
							style="width: 216px; background-color: white; text-align: center; padding-bottom: 10px; box-sizing: border-box;">
							<div>
								<img src="images/index/re006.png" width="110px;" />
							</div>
							<div style="border-bottom: 1px solid #e9e9e9"></div>
							<div>
								<p style="margin-top: 10px;">日式和风声波式电动牙刷（可单买刷头）</p>
								<p style="margin-top: 4px;">¥109.7</p>
							</div>
						</div>
						<div
							style="width: 216px; background-color: white; text-align: center; margin-top: 12px; box-sizing: border-box; padding-bottom: 10px;">
							<div>
								<img src="images/index/re009.png" width="110px;" />
							</div>
							<div style="border-bottom: 1px solid #e9e9e9"></div>
							<div>
								<p style="margin-top: 10px;">女式咖啡碳+5℃升级保暖内衣</p>
								<p style="margin-top: 4px;">¥169</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="style-width">
	
		<div class="style-width-one">
			<div style="margin-bottom: 10px;">
				<div class="clear">
					<div class="style-hone left">
						<h2 class="left">居家</h2>
						<span class="left" style="margin-top: 6px; margin-left: 20px;">为你寻觅世间好物</span>
					</div>
					<div class="right shopmores" style="margin-right: 10px; margin-top: 22px;">更多制造商
						>></div>
						<c:forEach items="${zhutizu001 }" var="zhutizu001">
						<div class="right zhutizu" style="margin-right: 10px; margin-top: 22px;">
						<span>${zhutizu001.zName } </span><span style="margin-left:5px;" class="zhutizu001"> /</span>
						</div>
						</c:forEach>
				</div>
			</div>
			<div style="margin-bottom: 15px;">
				<div>
					<img src="images/index/zt001.jpg" width="980px" />
					<div>
						<div class="clear">
						<c:forEach items="${recommentlist001 }" var="recomment001">
							<div
								style="width: 220px; float: left; text-align: center; margin-left: 25px;">
								<div
									style="width: 220px; background-color: #dae7ff; margin-top: 15px;">
									<img src="images/index/${recomment001.shangping.shopimage }" width="220px" />
								</div>
								<div>
									<p style="margin-top: 8px;">${recomment001.shangping.shopname }</p>
									<p style="color: red; margin-top: 2px;">${recomment001.shangping.sjiage }</p>
								</div>
							</div>
							</c:forEach>
						</div>
					</div>
				</div>
			</div>

		</div>
		<div class="style-width-one">
			<div style="margin-bottom: 10px;">
				<div class="clear">
					<div class="style-hone left">
						<h2 class="left">鞋包配饰</h2>
						<span class="left" style="margin-top: 6px; margin-left: 20px;">为你寻觅世间好物</span>
					</div>
					<div class="right shopmores" style="margin-right: 10px; margin-top: 22px;">更多制造商
						>></div>
						
						<c:forEach items="${zhutizu002 }" var="zhutizu002">
						<div class="right zhutizu" style="margin-right: 10px; margin-top: 22px;">
						<span>${zhutizu002.zName } </span><span style="margin-left:5px;" class="zhutizu002"> /</span>
						</div>
						</c:forEach>
				</div>
			</div>
			<div style="margin-bottom: 15px;">
				<div>
					<img src="images/index/zt002.jpg" width="980px" />
					<div>
						<div class="clear">
						<c:forEach items="${recommentlist002 }" var="recomment002">
							<div
								style="width: 220px; float: left; text-align: center; margin-left: 25px;">
								<div
									style="width: 220px; background-color: #dae7ff; margin-top: 15px;">
									<img src="images/index/${recomment002.shangping.shopimage }" width="220px" />
								</div>
								<div>
									<p style="margin-top: 8px;">${recomment002.shangping.shopname }</p>
									<p style="color: red; margin-top: 2px;">${recomment002.shangping.sjiage }</p>
								</div>
							</div>
							</c:forEach>
						</div>
					</div>
				</div>
			</div>

		</div>
		<div class="style-width-one">
			<div style="margin-bottom: 10px;">
				<div class="clear">
					<div class="style-hone left">
						<h2 class="left">服装</h2>
						<span class="left shopmores" style="margin-top: 6px; margin-left: 20px;">为你寻觅世间好物</span>
					</div>
					<div class="right" style="margin-right: 10px; margin-top: 22px;">更多制造商
						>></div>
						
						<c:forEach items="${zhutizu003 }" var="zhutizu003">
						<div class="right zhutizu" style="margin-right: 10px; margin-top: 22px;">
						<span>${zhutizu003.zName } </span><span style="margin-left:5px;" class="zhutizu003"> /</span>
						</div>
						</c:forEach>
				</div>
			</div>
			<div style="margin-bottom: 15px;">
				<div>
					<img src="images/index/zt003.jpg" width="980px" />
					<div>
						<div class="clear">
						<c:forEach items="${recommentlist003 }" var="recomment002">
							<div
								style="width: 220px; float: left; text-align: center; margin-left: 25px;">
								<div
									style="width: 220px; background-color: #dae7ff; margin-top: 15px;">
									<img src="images/index/${recomment003.shangping.shopimage }" width="220px" />
								</div>
								<div>
									<p style="margin-top: 8px;">${recomment003.shangping.shopname }</p>
									<p style="color: red; margin-top: 2px;">${recomment003.shangping.sjiage }</p>
								</div>
							</div>
							</c:forEach>
						</div>
					</div>
				</div>
			</div>

		</div>
		<div class="style-width-one">
			<div style="margin-bottom: 10px;">
				<div class="clear">
					<div class="style-hone left">
						<h2 class="left">电器</h2>
						<span class="left" style="margin-top: 6px; margin-left: 20px;">为你寻觅世间好物</span>
					</div>
					<div class="right shopmores" style="margin-right: 10px; margin-top: 22px;">更多制造商
						>></div>
						
						<c:forEach items="${zhutizu004 }" var="zhutizu004">
						<div class="right zhutizu" style="margin-right: 10px; margin-top: 22px;">
						<span>${zhutizu004.zName } </span><span style="margin-left:5px;" class="zhutizu004"> /</span>
						</div>
						</c:forEach>
				</div>
			</div>
			<div style="margin-bottom: 15px;">
				<div>
					<img src="images/index/zt004.jpg" width="980px" />
					<div>
						<div class="clear">
						<c:forEach items="${recommentlist004 }" var="recomment004">
							<div
								style="width: 220px; float: left; text-align: center; margin-left: 25px;">
								<div
									style="width: 220px; background-color: #dae7ff; margin-top: 15px;">
									<img src="images/index/${recomment004.shangping.shopimage }" width="220px" />
								</div>
								<div>
									<p style="margin-top: 8px;">${recomment004.shangping.shopname }</p>
									<p style="color: red; margin-top: 2px;">${recomment004.shangping.sjiage }</p>
								</div>
							</div>
							</c:forEach>
						</div>
					</div>
				</div>
			</div>

		</div>
		
	</div>
	
	<div class="style-width1">
		<div class="style-width-one">
			<div style="margin-bottom: 10px;">
				<div class="clear">
					<div class="style-hone left">
						<h2 class="left">大家都在说</h2>
						<span class="left" style="margin-top: 12px; margin-left: 20px;">生活，没有统一标准</span>
					</div>
				</div>
			</div>
			<div>
				<div style="width: 980px;overflow:hidden;" class="clear">
					<div style="width: 9999999px;" class="clear" id="big-speak">
					<c:forEach items="${commentlist }" var="comment">
						<div
							style="width: 235px; background-color: white; padding: 2px 2px 2px 2px; box-sizing: border-box;position: relative;overflow:hidden;float:left;margin-left:10px;" class="bigSpeak">
							<div>
								<img src="images/index/${comment.com_images }" width="231px" height="260px" />
							</div>
							<div
								style="width: 230px; background-color: rgba(255,255,255,0.6); padding: 15px 6px 10px 6px; box-sizing: border-box;position: absolute;bottom:-250px;height:300px;" class="lol">
								<p style="color: #694f4f"><span>${comment.yonghu.namesp } </span><span style="margin-left:20px;">${comment.com_date }</span></p>
								<p style="margin-top:4px;" class="clear">
									<span style="font-weight:bold;float:left;display:block">${comment.shangping.shopname } </span><span style="margin-left:30px;color:#d65746;float:left;display:block">${comment.shangping.sjiage }</span>
								</p>
								<p style="margin-top:4px;">
								${comment.com_content }
								</p>
							</div>
						</div>
						</c:forEach>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div style="position: absolute; left: 230px; top: 4140px;">
		<img src="images/index/left.png" id="bigspeak-left" />
	</div>
	<div style="position: absolute; right: 230px; top: 4140px;">
		<img src="images/index/right.png" id="bigspeak-right" />
	</div>
	</section>
</body>
</html>